Day 16 : MVC 的 V，網頁呈現

2023 iThome 鐵人賽

DAY 16

自我挑戰組

Spring、Spirng MVC 及 Spring Boot 自主學習旅途！系列第 16 篇

15th鐵人賽

Kyle

團隊在春天學習Java是否搞錯了什麼

2023-10-01 22:43:45

449 瀏覽

分享至

View

MVC的V，也就是View，代表使用者界面或視圖，視圖的工作是將數據以畫面呈現給使用者，也可以接收使用者輸入並將其傳遞給控制器處理。

1. 建立Controller：

建立一個控制器（Controller）類，該類將處理請求並將 JSP 頁面返回給客戶端。

package com.example.spring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class HelloController {

    @RequestMapping("/hello")
    public ModelAndView helloWorld() {
        ModelAndView modelAndView = new ModelAndView("hello");
        return modelAndView; 
    }
}

這個控制器將處理 /hello URL 的 GET 請求，並返回名為 hello 的視圖（即 hello.jsp）。

2. 建立 JSP 頁面：

在專案的 src/main/webapp/WEB-INF/ 目錄下，建立一個名為 jsp 的資料夾。在 jsp 資料夾中，建立一個名為 hello.jsp 的 JSP 文件，並加入以下內容：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>Hello JSP Page</title>
</head>
<body>
    <h1>Hello, Spring Boot JSP!</h1>
</body>
</html>

3. 設定檔：

讓我們在設定檔 src/main/resources/application.yml 文件中，添加以下設置以指定 JSP 視圖位置：

spring:
  mvc:
    view:
      prefix: /WEB-INF/jsp/
      suffix: .jsp

4. 啟動應用程式：

現在，我們可以啟動 Spring Boot 應用程式。然後在瀏覽器輸入 http://localhost:8080/hello，應該能夠看到 "Hello, Spring Boot JSP!" 的文字頁面！這樣我們就成功地建立了一個簡單的 Spring Boot 應用程式，並使用 JSP 頁面來呈現內容。